﻿@{
    Layout = "";
}
 


    <div>
        <fieldset>
        <legend >Busqueda</legend>
        <label for="txtBusqueda">DNI/RUC Cliente</label>
        <input id="txtBusqueda" type="text" />
        <button id="btnBuscar">Buscar</button>
        <button id="btnNuevoCliente">Nuevo</button>
        <br />
        <label>Cliente</label>
        <span id="spnDatos" val="0"></span>
       </fieldset>
    </div> 
  
    <br/>
        <div style="width: 743px">
      <fieldset>
        <legend >Ficha de Tramite</legend>
       <table id="list">
            <thead>
                <tr>
                    <th>Cod Ficha</th>
                    <th>Fecha</th>
                    <th>Tipo de Tramite</th>
                    <th>Editar</th>
                    <th>Eliminar</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <//fieldset>
        </div>
        <div id="dialog_">
            <table>
                <tr>
                    <td>Apellidos</td>
                    <td><input type="text" id="txtApellidos"/></td>
                </tr>
                <tr>
                    <td>Nombres</td>
                    <td><input type="text" id="txtNombres"/></td>
                </tr>
                <tr>
                    <td>DNI</td>
                    <td><input type="text" id="txtDNI" /></td>
                </tr>
                <tr>
                    <td>Direccion</td>
                    <td><input type="text" id="txtDireccion" /></td>
                </tr>
                <tr>
                    <td>Telefono</td>
                    <td><input type="text" id="txtTelefono" /></td>
                </tr>
            </table>
        </div>
   
<script type="text/javascript">

    $.ajaxSetup({ cache: false });

    $(document).ready(function () {
        $('#btnNuevoCliente').hide();
        $('#dialog_').hide();
        $('#btnBuscar').click(function () {
            $.post('FichaTramite/GetClienteByDNI', { value: $('#txtBusqueda').val() }, function (resultData) {
                if (resultData != 'Not Found') {
                    str = '' + resultData;
                    array = str.split('%');
                    $('#spnDatos').attr('val', array[0]);
                    $('#spnDatos').html(array[1]);
                    $('#list').find('tbody').html(array[2]);
                } else {
                    $('#btnNuevoCliente').show();
                }
            });
        });
        $('#btnNuevoCliente').click(function () {
            $('#dialog_').dialog({
                title: 'Nuevo cliente',
                buttons: {
                    'Save': function () {
                        var Apellidos = $('#txtApellidos').val();
                        var Nombres = $('#txtNombres').val();
                        var DNI = $('#txtDNI').val();
                        var Direccion = $('#txtDireccion').val();
                        var Telefono = $('#txtTelefono').val();
                        $.post('FichaTramite/SaveCliente', { Apellidos: Apellidos, Nombres: Nombres, DNI: DNI, Direccion: Direccion, Telefono: Telefono }, function (resultData) {
                            if (resultData == 'Success') {
                                $('#dialog_').dialog('close');
                                alert('Registrado correctamente');
                            } else {
                                alert('Error al grabar');
                            }
                        });
                    },
                    'Cerrar': function () {
                        $('#dialog_').dialog('close');
                    }
                },
                modal: true
            });
        });
    });
</script>



